<template>
  <div>
    <div id="demo">
      <button v-on:click="show = !show">
        Toggle
      </button>
      <transition name="fade"
                  enter-active-class="animated zoomIn"
                  leave-active-class="animated zoomOut">
        <p v-if="show">hello</p>
      </transition>
    </div>

  </div>
</template>

<script>
  export default {
    name: "Anim",
    data(){
      return{
        show:true
      }
    }
  }
</script>

<style scoped>
  
  p{
    font-size: 35px;
    color: #f35626;
  }
</style>
